:root {
  --c-gradient-start: #d486b8;
  --vp-c-brand-1: #a37ab4;
  --vp-c-brand-2: #d486b8;
  --vp-c-brand-3: #a37ab4;
}

html.dark {
  --c-gradient-start: #86b9b0;
  --vp-c-bg: #001b2e;
  --vp-c-bg-alt: #041421;
  --vp-c-bg-soft: #041421;
  --vp-c-brand-1: #b3cde4;
  --vp-c-brand-2: #b3cde4;
  --vp-c-brand-3: #537692;
}

.soon {
  background-color: var(--vp-button-brand-bg);
  border-radius: 1em;
  color: var(--vp-button-brand-text);
  font-size: 0.6em;
  padding: 0.05em 0.4em 0.2em;
  position: relative;
  text-transform: lowercase;
  top: -1em;
}

iframe {
  background-color: var(--vp-sidebar-bg-color);
  border: none;
  margin: 0;
}

.buttonLink {
  color: var(--vp-c-brand-1);
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition:
    color 0.25s,
    opacity 0.25s;
}

.buttonLink:hover {
  color: var(--vp-c-brand-2);
}
